<link href="./css/bootstrap.min.css" rel="stylesheet">
<script src="./js/jquery.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<div class="carousel slide" id="carousel-888700">
    <ol class="carousel-indicators">
        <li class="active" data-slide-to="0" data-target="#carousel-888700">
        </li>
        <li data-slide-to="1" data-target="#carousel-888700">
        </li>
        <li data-slide-to="2" data-target="#carousel-888700">
        </li>
    </ol>
    <div class="carousel-inner">
        <div class="item active">
            <img alt="" src="./images/rotation/w1080h720/苏州园林.png" />
            <div class="carousel-caption">
                <h4>
                    苏州园林
                </h4>
            </div>
        </div>
        <div class="item">
            <img alt="" src="./images/rotation/w1080h720/西湖.jpeg" />
            <div class="carousel-caption">
                <h4>
                    杭州西湖
                </h4>
            </div>
        </div>
        <div class="item">
            <img alt="" src="./images/rotation/w1080h720/故宫.jpeg" />
            <div class="carousel-caption">
                <h4>
                    北京故宫
                </h4>
            </div>
        </div>
    </div> <a data-slide="prev" href="#carousel-888700" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-888700" class="right carousel-control">›</a>
</div>